</html>
<head>
    <title>test</title>
    
</head>
<body>
    <div>
        <span>获取配置信息静态文件路径</span>
        <h1>settings配置:{{ STATIC_URL }}</h1> <!-- 从模板上下文获取的， 用户的是MTV的模板渲染， 通常开发是MTC较多-->
        <h1>文字:{{ hello }}</h1>
        {{csrf_token}}
        {% for user in data %}
        <hr>
        姓名: {{ user.username }} <!-- ES6语法 -->
        年纪: {{ user.age }}
        <hr>
        {% endfor %}
    </div>

    <hr>
    <!--  本来打算用jquery 但是需要min.js模板 所以就简单处理一下， 用的是表单提交-->
    <form action="/add/user/", method="POST">
        姓名: <input id= 'username' type="text" name='username'>
        年纪: <input id=age type="text" name="age">
        是否启用: <input id='active' type="radio" name="active">
        <button id='submit'>提交</button>
    </form>>


    <!-- <script type='text/javascript'>
        
        var submit = document.getElementById('submit')
        var username = document.getElementById('username').value
        var age = document.getElementById('username').value
        var active = document.getElementById('username').value

        submit.onclick = function(){
            ajax({
                type= 'post',
                url:'/add/user/',
                dataType:'json',
                data:JSON.stringify({
                    'username':username,
                    'age':age,
                    'acitve':Boolean(active)
                }),
                success: function(data){
                    alert(data.data)
                    window.location.href="/home/" ;
                },
                error: function(data){
                    alert(data.data)
                    window.location.href="/home/" ;
                }
            })
        }

    </script> -->
</body>

</html>